@CHARSET "UTF-8";
	body{
	font:.85em/1.4 "微软雅黑","Microsoft Yahei",'Arial','san-serif';
	color:#666;
	margin:0;
	padding:0
}
img{
	max-width:100%;
	height:auto;
	width:auto9;
	-ms-interpolation-mode:bicubic;
	vertical-align:middle
}
a,button,input{
	-webkit-tap-highlight-color:rgba(255,0,0,0)
}
input{
	border:0 none;
	-webkit-appearance:none
}
ul,p{
	padding:0;
	margin:0
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	font-weight:100
}
ul,li{
	list-style:none
}
a{
	color:#666
}
a,a:hover{
	text-decoration:none
}
a:focus{
	outline:none
}

.animated{
	-webkit-animation-duration:1.4s;
	animation-duration:1.4s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}

@-webkit-keyframes bounceIn{
	0%{
	opacity:0;
	-webkit-transform:scale(.3);
	transform:scale(.3)
}
50%{
	opacity:1;
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
}
70%{
	-webkit-transform:scale(.9);
	transform:scale(.9)
}
100%{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}

}
@keyframes bounceIn{
	0%{
	opacity:0;
	-webkit-transform:scale(.3);
	-ms-transform:scale(.3);
	transform:scale(.3)
}
50%{
	opacity:1;
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
}
70%{
	-webkit-transform:scale(.9);
	-ms-transform:scale(.9);
	transform:scale(.9)
}
100%{
	opacity:1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}

}
.bounceIn{
	-webkit-animation-name:bounceIn;
	animation-name:bounceIn
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}


@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

/*------------------- 华丽分割线 -----------------------
*/
header{width:90%;text-align:center;padding:5%;letter-spacing:2px;color:#333;font-size:1.2em;text-shadow:0 0 2px #999;}
.demo{width:100%;margin:0 auto;text-align:center;}
.demo a{margin:0 5px 20px;background-color:#eee;}

/*------------------- 华丽分割线 -----------------------*/

#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.6;filter:alpha(opacity=10);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{width:300px;height:100px;margin:0 auto;display:none;background-color:#ffffff;position:fixed;top:50%;left:50%;margin:-120px 0 0 -150px;z-index:10000;border:1px solid #ccc;border-radius:10px;-webkit-border-radius:10px;}
.dialogTop{width:90%;margin:0 auto;border-bottom:0px dotted #ccc;letter-spacing:1px;padding:10px 0;text-align:right;}
.dialogIco{width:50px;height:50px;position:absolute;top:-25px;left:50%;margin-left:-25px;}
.editInfos{padding:10px 0;font-size:20px}
.editInfos li{width:95%;margin:10px auto auto;text-align: left;}
.ipt{border:1px solid #ccc;padding:5px;border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 3px #ccc inset;-webkit-box-shadow:0 0 3px #ccc inset;margin-left:5px;}
.ipt:focus{outline:none;border-color:#66afe9;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);}
.submitBtn{width:90px;height:30px;line-height:30px;font-family:"微软雅黑","microsoft yahei";font-size:16px; cursor:pointer;margin-top:10px;display:inline-block;border-radius:5px;-webkit-border-radius:5px;text-align:center;background-color:#f25045;color:#fff;}



#dialogShare{width:300px;height:200px;margin:0 auto;display:none;background-color:#ffffff;position:fixed;top:40%;left:50%;margin:-120px 0 0 -150px;z-index:10000;border:1px solid #ccc;border-radius:10px;-webkit-border-radius:10px;}

/*css reset*/
body, ul, ol, p, h1, h2, h3, h4, h5, h6, dl, dt, dd ,form ,textarea ,input{margin:0;padding:0;}
li,ul,ol{list-style:none;}
table{margin:0 auto;width:100%;border-collapse:collapse;}
a img{border:0;}
img,object,audio,vedio{max-width: 100%;}
a{ text-decoration:none; color:#333;}
a:visited{color:#333;}

body{
	min-width:320px;
	font-family:"微软雅黑","Microsoft Yahei";
	background: #fdf6ec;
	font-size:14px;
	color:#333;
}
.clear{ clear:both;}
/*******index style[首页样式]*******/
#lnj_warp{
	width:100%;
	margin:0 auto;
}
.index_banner img{
	display:block;
	width:100%;
	}
.class_logo{ 
	padding:1px 1px 0px 1px;
	overflow:hidden;
	}
	
#header {left: 0;text-align:center;margin-top:0px;width: 100%;z-index:800;position: fixed;}


/*nav{ float:left; height:55px; line-height:55px; overflow:hidden; width:100%;background:-webkit-linear-gradient(top, rgba(247, 251, 253, 1), rgba(208, 214, 218, 1)); background:-moz-linear-gradient(top, rgba(247, 251, 253, 1), rgba(208, 214, 218, 1));}*/


.n_nav{ float:left; height:55px; line-height:55px; overflow:hidden; width:100%;background:#FFFFFF}
.n_nav ul li{ float:left; width:25%;}
.n_nav ul li a{ color:#424242;font-size: 18px;}
.n_nav ul li.hsel{background:url("images/guide_bar_btn01.png"); width:25%; color:#FFFFFF;border-bottom: solid 10px #4ddb82;height: 52px;}
.n_nav ul li.hsel a{ color:#424242;}





.class_logo li{
	 float:left;
	 width:50%;
	 border:#FFF 1px solid;
	 box-sizing:border-box;
	 }
.class_logo li img{
	display:block;
	width:100%;
	}
.class_logo li:nth-child(4){
	clear:right;
	}


/*******overview style[概览页面样式]*******/
#class_warp{
	width:100%;
	margin:0 0 20% 0;
}
.class_list{
	overflow:hidden;
	padding:0px 0px;
}


.class_reg{
	overflow:hidden;
	padding:0px 1px;
	margin: 0px 15px 10px 15px;
}

.water_col{
	width:100%;
	float:left;
	margin-top:0px;
}

.water_reg{
	width:48%;
	float:left;
	margin-top:1px;
}
.water_kong{
	width:4%;
	float:left;
	margin-top:1px;
}
.tzgg{ float:left; width:100%; padding-top:5px;font-size: 20px;}

.tzgg li{ float:left; width:100%; line-height:50px; border-bottom:1px solid #CACBCB; color:#323232;}


.cspd{ float:left; width:100%; padding-top:5px;font-size: 17px;}

.cspd li{ float:left; width:100%; line-height:45px; border-bottom:0px solid #CACBCB; color:#323232;}
.fontCss{font-size: 17px;color:#323232;line-height:35px;}

.fonthome{font-size: 17px;color:#323232;line-height:35px;margin-top: 10px;margin-bottom: 10px}

.fontTzggDetial{font-size: 17px;color:#323232;line-height:35px;margin: 10px 15px 10px 15px;margin-bottom: 10px}

.infoDetial{font-size: 17px;color:#323232;line-height:35px;margin: 0px 15px 5px 15px;margin-bottom: 5px}
.water_block{
	 width:100%;
	 border:0px solid #FFF;
	 box-sizing:border-box;
	 position:relative;
	 
}
.water_block_reg{
	 width:100%;
	
	 
}


.water_block_detial{
	 width:100%;
	 border:0px solid #FFF;
	 box-sizing:border-box;
	 position:relative;
	 
}

.water_block_detial img{
	 width:100%;
	
	 
}
.water_czzn{
	 width:100%;
	 border:0px solid #FFF;
	 box-sizing:border-box; 
}

.water_czzn img{
	display:block;
	width:100%;
	
}
.water_block_img{
	 border:1px solid #FFF;
	 box-sizing:border-box;
	 position:relative;
	 margin:0;
	
	 
}






.water_block img{
	display:block;
	width:100%;
	
}

.water_block  p{
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 30px;
	line-height:30px;
	text-align:center;
	color:#FFF;
	text-indent:10px;
	}
.water_block  p span{
	font-size:12px;
	}
.water_block  a{display:block;}
	 
	 
	 
/* item_list瀑布流样式 */
.item_list{
	width:100%;
	position:relative;
	}
.item{
	position:relative;
	width:50%;
	border:#FFF 3px solid;
	box-sizing:border-box;
	background:#fff;
	overflow:hidden;
	box-shadow:0 0px 0px rgba(34, 25, 25, 0.2);
}





